交互设计软件 pop 的使用教程
缘起
两天前,闲来无事逛 Play 商店的时候发现这款产品,叫做 pop 。长成这样子:
开始使用
首先是引导页:
话说状态栏不沉浸真的很丑
start
进入程序Login页:
因为我没有 facebook 的账号,同时不想注册,所以 MAYBE LATER
进入到程序的首页:
侧滑菜单:
ok,其实主页很简单,有两栏:My Project
和Owned Other
,我的项目和别人的项目,意思是还支持多人协作。(收费,且服务器在国外相当之慢)侧滑菜单里就是写我不登录就没啥用的东西,所以先不看。
打开Sample
看到 6 张图片,这原型图也太草率了点 。
123456的排着序,长按 1
,在每一项的前面都加了个复选框,选择了之后可以在右上角进行删除操作
好的,再次长按,也就是两次长按,可以对其进行拖动,排序
按下返回键
回到常规状态,选择第一张图片,得到如图界面:
可以看到,有顶部右边有个评论
按钮,底部有个浮动框
,在浮动框
上面有三个按钮,打开的图片上有些地方是绿色
的。
评论 | 浮动框 | 绿色 |
---|---|---|
发表评论 | 三个按钮的功能分别的是:开始播放,描述信息,对图片的一些处理 | 有link的区域 |
可能这样讲比较抽象,我们点击,播放
按钮看图,它我们一个提示,两指双击退出这个模式:
随便点一个地方可以,绿色区域闪现,而绿色区域就是有link的地方,什么叫有link的地方?你点一下你就知道了,我们点击左下角或者个邮箱的地方
跳到了另一张界面:
再随便点击,发现绿色区域闪现,也就是link 区域,点击左上角,它的link 是返回上一页,点击之后,可以回到上一页。
基本演示完成。好吧主要是截图太累,睡觉了,静态图不太好说明,请看下面的动态图操作。
动态演示
添加图片
移动位置
添加link
添加可点击区域
完整演示